<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>OpenLayers v8.2.0 API - Class: Kinetic</title>
  <script src="scripts/prettify/prettify.js"></script>
  <script src="scripts/prettify/lang-css.js"></script>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
    crossorigin="anonymous"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
    crossorigin="anonymous">
  <link rel="stylesheet" type="text/css"
    href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/fontawesome.min.css"
    crossorigin="anonymous">
  <link rel="stylesheet" type="text/css"
    href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/solid.css" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css"
    href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/brands.css" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" href="styles/prettify-tomorrow.css">
  <link rel="stylesheet" type="text/css" href="styles/jaguar.css">
  <link rel="stylesheet" type="text/css" href="styles/carbon.css">
  <link rel="stylesheet" type="text/css" href="/theme/ol.css">
  <link rel="stylesheet" type="text/css" href="/theme/site.css">
</head>

<body>
  <header class="navbar navbar-expand-sm navbar-dark mb-3 px-3 py-0 fixed-top" role="navigation">
    <a class="navbar-brand" href="/"><img src="/theme/img/logo-dark.svg" width="70" height="70"
        alt="">&nbsp;OpenLayers</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#olmenu"
      aria-controls="olmenu" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <!-- menu items that get hidden below 768px width -->
    <nav class="collapse navbar-collapse" id="olmenu">
      <ul class="nav navbar-nav ms-auto">
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="docdropdown" role="button" data-bs-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false">Docs</a>
          <div class="dropdown-menu dropdown-menu-end mb-3" aria-labelledby="docdropdown">
            <a class="dropdown-item" href="/doc/">Docs</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="/doc/quickstart.html"><i class="fa fa-check fa-fw me-2 fa-lg"></i>快速入门</a>
            <a class="dropdown-item" href="/doc/faq.html"><i class="fa fa-question fa-fw me-2 fa-lg"></i>常见问题</a>
            <a class="dropdown-item" href="/doc/tutorials/"><i class="fa fa-book fa-fw me-2 fa-lg"></i>教程</a>

          </div>
        </li>
        <li class="nav-item"><a class="nav-link" href="/en/latest/examples/">Examples</a></li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="apidropdown" role="button" data-bs-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-sitemap me-1"></i>API
          </a>
          <div class="dropdown-menu dropdown-menu-end mb-3" aria-labelledby="apidropdown">
            <a class="dropdown-item" href="/en/latest/apidoc/"><i class="fa fa-sitemap fa-fw me-2 fa-lg"></i>v8.2.0
              (latest)</a </div>
        </li>
      </ul>
    </nav>
  </header>

  <div class="container-fluid">
    <div id="wrap" class="row">
      <div class="navigation col-md-4 col-lg-3">
        <div class="search-wrapper">
          <div class="search">
            <input id="search" type="text" autocomplete="off" class="form-control input-sm"
              placeholder="Search Documentation">
          </div>
        </div>
        <div class="navigation-list-wrapper">
          <ul class="navigation-list search-empty">
            <li class="item item-class toggle-manual toggle-manual-show" data-longname="module:ol/Kinetic~Kinetic"
              data-name="ol/kinetic">
              <span class="title toggle">
                <span class="fa fa-chevron-right me-2 mt-1"></span>
                <span><a href="module-ol_Kinetic-Kinetic.html">ol​/Kinetic</a></span>
              </span>
            <li class="loading">Loading …
          </ul>
        </div>
      </div>

      <div class="main col-md-8 col-lg-9">
        <h1 class="page-title" data-filename="module-ol_Kinetic-Kinetic.html">Class: Kinetic</h1>
        <div id="latest-check" class="alert alert-warning alert-dismissible" role="alert" style="display:none">
          <button id="latest-dismiss" type="button" class="btn-close" data-bs-dismiss="alert"
            aria-label="Close"></button>
          This documentation is for OpenLayers v<span id="package-version">8.2.0</span>. The <a id="latest-link"
            href="#" class="alert-link">latest</a> is v<span id="latest-version"></span>.
        </div>




        <section class="content">

          <header>
            <h2 class="my-3">
              <span class="ancestors"><a href="module-ol_Kinetic.html">ol/Kinetic</a>~</span>Kinetic
            </h2>
            <br>



            <pre
              class="prettyprint source"><code>import Kinetic from '<a href="module-ol_Kinetic.html">ol/Kinetic</a>.js';</code></pre>


            <div class="row p-3 ">
              <!-- <div id="ad" class="col-lg-5 order-2 align-self-center border rounded bg-light ">
                <script async type="text/javascript"
                  src="https://cdn.carbonads.com/carbon.js?serve=CE7DV53U&placement=openlayersorg"
                  id="_carbonads_js"></script>
              </div> -->
              <div class="class-description col-lg-7 align-self-center ps-0">
                <p>Implementation of inertial deceleration for map movement.</p>
              </div>

            </div>
          </header>

          <article>
            <div class="container-overview">



              <dl>

                <dt class="">

                  <div class="nameContainer">
                    <div class="anchor" id="Kinetic">
                    </div>
                    <h4 class="name">
                      new Kinetic<span class="signature">(decay, minVelocity, delay)</span>



                    </h4>

                    <div class="tag-source">
                      <a href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Kinetic.js">Kinetic.js</a>,
                      <a href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Kinetic.js#L11">line 11</a>
                    </div>

                  </div>


                </dt>
                <dd class="">













                  <table class="params">
                    <thead>
                      <tr>

                        <th>Name</th>


                        <th>Type</th>

                        <th class="last">Description</th>
                      </tr>
                    </thead>

                    <tbody>


                      <tr class="">

                        <td class="name"><code>decay</code></td>



                        <td class="type">


                          <span class="param-type">number</span>




                        </td>



                        <td class="description last">

                          <p>Rate of decay (must be negative).</p>
                        </td>
                      </tr>



                      <tr class="">

                        <td class="name"><code>minVelocity</code></td>



                        <td class="type">


                          <span class="param-type">number</span>




                        </td>



                        <td class="description last">

                          <p>Minimum velocity (pixels/millisecond).</p>
                        </td>
                      </tr>



                      <tr class="">

                        <td class="name"><code>delay</code></td>



                        <td class="type">


                          <span class="param-type">number</span>




                        </td>



                        <td class="description last">

                          <p>Delay to consider to calculate the kinetic
                            initial values (milliseconds).</p>
                        </td>
                      </tr>


                    </tbody>
                  </table>




                  <dl class="details">





















                  </dl>













                </dd>

              </dl>

            </div>






















          </article>

        </section>




      </div>
    </div>
  </div>
  <script>prettyPrint();</script>
  <script src="scripts/linenumber.js"></script>
  <script src="scripts/main.js"></script>
</body>

</html>